<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			css中没有为我们提供一个直接设置行间距的方法，
			只能使用line-height设置行高
			
			行间距 = 行高 - 字体大小（默认16px）
			
			line-height可以接受的值
			1、px
			2、百分数。相当于“字体大小”的百分之百
			3、正整数，表示字体大小的几倍。
			*/
			.p1 {
				line-height: 1.5;
				font-size: 30px;
			}

			/*
			对于单行，默认文本是行高居中
			*/
			.box {
				line-height: 200px;
				height: 200px;
				width: 200px;
				background-color: #bfa;
			}

			/*
			在font中也可以指定行高，
			30px/30px中的前一个30px是字体大小，后一个30px是行高。
			如果不指定，使用默认值。
			*/
			.p2 {
				font: 30px/100px "mv boli";
			}
			
			/*
			这里的 line-height 虽然已设置，但是不会生效。
			因为这里的font没有指定“行高”，那么就使用“默认行高”。
			如果想生效，这里的 line-height 要写在 font 下面。
			*/
			.p3 {
				line-height: 200px;
				font: 30px "mv boli";
			}
		</style>
	</head>
	<body>
		<p class="p1">
			11111111111111111
			22222222222222222
			33333333333333333
			44444444444444444
		</p>

		<div class="box">
			<a href="#">超链接</a>
		</div>

		<p class="p2">
			11111111111111111
			22222222222222222
			33333333333333333
			44444444444444444
		</p>
		
		<p class="p3">
			11111111111111111
			22222222222222222
			33333333333333333
			44444444444444444
		</p>
	</body>
</html>
